<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>05_简化的对象写法</title>
</head>
<body>
<!--
简化的对象写法
* 省略同名的属性值
* 省略方法的 function
* 例如:
  let x = 1;
  let y = 2;
  let point = {
    x,
    y,
    setX (x) {this.x = x}
  };
-->
<script type="text/javascript">
  let x = 3;
  let y = 5;

  // 普通额写法
  /*let obj = {
      x: x,
      y: y,
      getPoint: function () {
          return this.x + this.y;
      }
  };*/

  // 简化的写法
  let obj = {
    x, // 同名属性可以不写
    y,
    getPoint() { // function 可以不写
      return this.x + this.y;
    }
  };
  console.log(obj, obj.getPoint());
</script>
</body>
</html>
